<template>
	<div id="before-login">
		<h1>易迅</h1>
		<p>拉近我们心灵的距离，感知爱与牵绊</p>
		<div>
			<span @click="nowIndex=0" :class="{active
				:nowIndex==0}">
				<router-link to="/home/register">注册</router-link>
			</span>
			<span @click="nowIndex=1" :class="{active
				:nowIndex==1}">
				<router-link to="/home/login">登入</router-link>
			</span>
		</div>
		<router-view></router-view>
	</div>
</template>

<script>
export default {
	name: "beforeLogin",
	data:function() {
		return {
			nowIndex:0
		}
	}
}
</script>

<style>
#before-login { margin-top: 250px;text-align: center;}
#before-login h1 {font-size: 40px;font-weight: normal;color:#3385FF }
#before-login p {margin: 10px 0;}
#before-login a {display: inline-block;color: #666;padding-bottom: 3px; margin:5px; }
/*#before-login .active a {border-bottom: 2px solid #3385FF;}*/
#before-login .router-link-active {border-bottom: 2px solid #3385FF;}
</style>